<!doctype html>
<html>
  <head>
    <meta charset="UTF-8" />
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <meta
      http-equiv="Content-Security-Policy"
      content="default-src 'self' blob:; connect-src *; script-src 'self' https://cdn.usefathom.com; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob: https://cdn.usefathom.com; font-src https://fonts.scalar.com" />
  </head>

  <body>
    <!-- HTML Element for the API client -->
    <div
      id="scalar-client"
      class="scalar-app scalar-client"></div>

    <!-- JavaScript -->
    <script
      type="module"
      src="/src/main.ts"></script>
  </body>
</html>
<style>
  .scalar-client .t-app__top-nav {
    padding-left: 70px;
  }
  .scalar-client .scalar-sidenav {
    width: 70px;
    padding-top: 4px;
  }
  .scalar-client .scalar-app-show {
    display: block;
  }
  .scalar-client .scalar-app-nav-padding {
    padding: 10px;
  }
</style>
